<template>
	<view class="main-box">
		<image mode="widthFix" class="bg-image" src="../../static/back.png">
		</image>
		<view class="user-head-box">
			<view class="user-head-img-box">
				<image class="user-head-img" mode="heightFix" @click="showLoginBox"
					src="https://qiming-1308147483.cos.ap-chengdu.myqcloud.com/doc%2Fpinzhi_shenghuo_huiyuan_quanyi%2Findex%2Fhead-img.png">
				</image>
			</view>
			<view class="user-head-box-right">

				<view style="display: flex;justify-content: space-between;align-items: center;"
					v-if="userInfo && userInfo.mobile" class="login-box">
					<view class="">
						{{userInfo.mobile}}
					</view>
					<view class="">
						<image src="../../static/change.png" mode="heightFix" style="height: 50rpx;" @click="loginOut">
						</image>
					</view>
				</view>

				<view v-else class="login-box" @click="showLoginBox">请登录</view>
				<view class="btn-group-box">
					<view class="btn-group-box-left">
						<image v-if="userInfo && userInfo.mobile" style="display: none;" class="btn" mode="heightFix">
						</image>
						<image v-else class="btn" mode="heightFix" @click="gotoOpenVip"
							src="https://qiming-1308147483.cos.ap-chengdu.myqcloud.com/doc%2Fpinzhi_shenghuo_huiyuan_quanyi%2Findex%2Fopen-vip-btn.png">
						</image>
						<image v-if="userInfo && userInfo.mobile" class="btn" mode="heightFix"
							@click="showReceiveRecord" src="../../static/jilu.png">
						</image>
						<image v-if="userInfo && userInfo.mobile" class="cf" mode="heightFix" style="height: 40rpx;"
							@click="receive()" src="../../static/my.png">
						</image>

					</view>

				</view>
			</view>
		</view>

		<view class="common-box hot-box">
			<view class="hot-swiper-box">
				<swiper class="hot-swiper" circular indicator-dots indicator-active-color="#fea24d" autoplay
					interval="3500" display-multiple-items="3">
					<swiper-item v-for="(item,index) in vipList" :key="index">
						<view class="item" v-for="(img,imgIndex) in item.list">
							<image class="img" mode="widthFix" :src="img.image2" @click="receive(img)"></image>
							<view class="btn" @click="receive(img)">
								领取
								<!-- <template v-if="!userInfo">
									领取
								</template>
								<template v-else>
								{{ isReceiveCount ? '领取' : '已领取' }}
								</template> -->
							</view>
						</view>
					</swiper-item>

				</swiper>

			</view>
		</view>

		<user-login v-if="isShowLogin" @loginSuccess="loginSuccess" @tel='tel' @cancelLogin="cancelLogin"></user-login>
		<receive-record v-if="isShowReceiveRecord" @close="closeReceiveRecord" @use="gotoUse"></receive-record>
		<tip-box v-if="isShowTipBox" :title="tipBoxData.title" :sub-title="tipBoxData.subTitle" :icon="tipBoxData.icon"
			:value="tipBoxData.value" :btn-text="tipBoxData.btnText" @success="tipBoxSuccess" @close="tipBoxClose">
		</tip-box>
	</view>
</template>

<script>
	import httpUtil from '@/utils/httpUtil';
	import userApi from '@/api/userApi.js'
	import messageUtil from '@/utils/messageUtil';
	import productApi from "@/api/productApi.js"
	import deviceUtil from '@/utils/deviceUtil';
	export default {
		data() {
			return {
				mobiles: "",
				navigationList: [{
					title: '领热门VIP',
					index: 0,
					icon: 'https://qiming-1308147483.cos.ap-chengdu.myqcloud.com/doc%2Fpinzhi_shenghuo_huiyuan_quanyi%2Fcommon%2Fnavigation1.png'
				}, {
					title: '外卖团购',
					index: 1,
					icon: 'https://qiming-1308147483.cos.ap-chengdu.myqcloud.com/doc%2Fpinzhi_shenghuo_huiyuan_quanyi%2Fcommon%2Fnavigation2.png'
				}, {
					title: '生活服务',
					index: 2,
					icon: 'https://qiming-1308147483.cos.ap-chengdu.myqcloud.com/doc%2Fpinzhi_shenghuo_huiyuan_quanyi%2Fcommon%2Fnavigation3.png'
				}, {
					title: '出行车服',
					index: 3,
					icon: 'https://qiming-1308147483.cos.ap-chengdu.myqcloud.com/doc%2Fpinzhi_shenghuo_huiyuan_quanyi%2Fcommon%2Fnavigation4.png'
				}, {
					title: '我的卡卷',
					index: 4,
					icon: 'https://qiming-1308147483.cos.ap-chengdu.myqcloud.com/doc%2Fpinzhi_shenghuo_huiyuan_quanyi%2Fcommon%2Fnavigation5.png'
				}],

				vipList: [],

				takeOutList: [{
					icon: 'https://qiming-1308147483.cos.ap-chengdu.myqcloud.com/doc%2Fpinzhi_shenghuo_huiyuan_quanyi%2Fcommon%2Fmeituan-icon.png',
					title: '美团外卖-领红包点外卖',
					subTitle: '外卖红包天天领，最高可得66元！',
					url: 'https://click.meituan.com/t?t=1&c=2&p=j9-nU75zxiMM',
				}, {
					icon: 'https://qiming-1308147483.cos.ap-chengdu.myqcloud.com/doc%2Fpinzhi_shenghuo_huiyuan_quanyi%2Fcommon%2Felemo-icon.png',
					title: '饿了么外卖-惊喜红包天天领',
					subTitle: '外卖红包天天领，最高可得66元！',
					url: 'https://m.tb.cn/h.UWq5pvt',
				}, {
					icon: 'https://qiming-1308147483.cos.ap-chengdu.myqcloud.com/doc%2Fpinzhi_shenghuo_huiyuan_quanyi%2Fcommon%2Fmeituan2-icon.png',
					title: '美团商超-领红包买新鲜百货',
					subTitle: '外卖红包天天领，最高可得66元！',
					url: 'http://qt.cmdbhedldt.cn/am/wm-mt-sc.jsp?appId=wx754236ca2a35c0fb',
				}, {
					icon: 'https://qiming-1308147483.cos.ap-chengdu.myqcloud.com/doc%2Fpinzhi_shenghuo_huiyuan_quanyi%2Fcommon%2Fmeituan3-icon.png',
					title: '美团闪购-专享红包福利',
					subTitle: '外卖红包天天领，最高可得66元！',
					url: 'https://market.waimai.meituan.com/gd/single.html?el_biz=waimai&el_page=gundam.loader&gundam_id=c7B3QO&activity_id=324647&appkey=270c1fe51666377dbe17190d7c68e778:6fkydssh&noguide=1&utm_term=&utm_campaign=other&mt_id=ho15Le-Rd&utm_medium=MU&actid=4&channel=union&mt_key=1681ca2fae8a7d4161b6d731aa6f876b&click_cps_url=https%3A%2F%2Fclick.meituan.com%2Ft%3Ft%3D1%26c%3D2%26p%3DJ0C8U75zxiMM&utm_source=60413&utm_content=1380426991479607309_270c1fe51666377dbe17190d7c68e778',
				}, {
					icon: 'https://qiming-1308147483.cos.ap-chengdu.myqcloud.com/doc%2Fpinzhi_shenghuo_huiyuan_quanyi%2Fcommon%2Felemo2-icon.png',
					title: '饿了么新零售',
					subTitle: '外卖红包天天领，最高可得66元！',
					url: 'https://m.tb.cn/h.UdtYO2u',
				}],

				liveList: [{
						list: [{
							icon: 'https://qiming-1308147483.cos.ap-chengdu.myqcloud.com/doc%2Fpinzhi_shenghuo_huiyuan_quanyi%2Fcommon%2Flive1-icon.png',
							url: 'https://ot.jfshou.cn/privilege/burgerKingH5/#/burgerKingHome?share_code=823SugYvW&extra=735_15_82',
						}, {
							icon: 'https://qiming-1308147483.cos.ap-chengdu.myqcloud.com/doc%2Fpinzhi_shenghuo_huiyuan_quanyi%2Fcommon%2Flive2-icon.png',
							url: 'https://ot.jfshou.cn/privilege/heyTeaH5/#/teaHome?share_code=823SugYvW&extra=735_16_82',
						}]

					}, {
						list: [{
							icon: 'https://qiming-1308147483.cos.ap-chengdu.myqcloud.com/doc%2Fpinzhi_shenghuo_huiyuan_quanyi%2Fcommon%2Flive3-icon.png',
							url: 'https://ot.jfshou.cn/api/nayuki/auth/login?share_code=823SugYvW&extra=735_18_82',
						}, {
							icon: 'https://qiming-1308147483.cos.ap-chengdu.myqcloud.com/doc%2Fpinzhi_shenghuo_huiyuan_quanyi%2Fcommon%2Flive4-icon.png',
							url: 'https://ot.jfshou.cn/privilege/pagodaH5//#/index?share_code=823SugYvW&extra=735_19_82',
						}]
					}, {
						list: [{
							icon: 'https://qiming-1308147483.cos.ap-chengdu.myqcloud.com/doc%2Fpinzhi_shenghuo_huiyuan_quanyi%2Fcommon%2Flive5-icon.png',
							url: 'https://ot.jfshou.cn/privilege/pizzaHutH5/#/pizzaHome?share_code=823SugYvW&extra=735_20_82',
						}, {
							icon: 'https://qiming-1308147483.cos.ap-chengdu.myqcloud.com/doc%2Fpinzhi_shenghuo_huiyuan_quanyi%2Fcommon%2Flive6-icon.png',
							url: 'https://h5.sumzc.com/o2o/index.php?uidkey=f31BbecZ',
						}]
					},
					{
						list: [{
							icon: 'https://qiming-1308147483.cos.ap-chengdu.myqcloud.com/doc%2Fpinzhi_shenghuo_huiyuan_quanyi%2Fcommon%2Flive7-icon.png',
							url: 'https://ot.jfshou.cn/seaMv/#/mvLogin?share_code=823SugYvW&free_docking=true&extra=735_24_82',
						}, {
							icon: 'https://qiming-1308147483.cos.ap-chengdu.myqcloud.com/doc%2Fpinzhi_shenghuo_huiyuan_quanyi%2Fcommon%2Flive8-icon.png',
							url: 'https://ot.jfshou.cn/pro//#/mcProMain?share_code=823SugYvW&custom=true&extra=735_13_82',
						}]
					}, {
						list: [{
							icon: 'https://qiming-1308147483.cos.ap-chengdu.myqcloud.com/doc%2Fpinzhi_shenghuo_huiyuan_quanyi%2Fcommon%2Flive9-icon.png',
							url: 'https://ot.jfshou.cn/privilege/luckInH5/#/luckInHome?share_code=823SugYvW&extra=735_17_82',
						}, {
							icon: 'https://qiming-1308147483.cos.ap-chengdu.myqcloud.com/doc%2Fpinzhi_shenghuo_huiyuan_quanyi%2Fcommon%2Flive10-icon.png',
							url: 'https://wap.kuailon.com/?promoteId=ZPvRnvkP&thirduserid=H9ehgTbbd4GyIbv8K2H1kWkzG7dkdo',
						}]
					},
					{
						list: [{
							icon: 'https://qiming-1308147483.cos.ap-chengdu.myqcloud.com/doc%2Fpinzhi_shenghuo_huiyuan_quanyi%2Fcommon%2Flive11-icon.png',
							url: 'https://ot.jfshou.cn/api/kfc/auth/login?share_code=823SugYvW&extra=735_14_82',
						}, {
							icon: 'https://qiming-1308147483.cos.ap-chengdu.myqcloud.com/doc%2Fpinzhi_shenghuo_huiyuan_quanyi%2Fcommon%2Flive12-icon.png',
							url: 'https://h5.sumzc.com/starbucks/starbucks_store.php?k=1&uidkey=U7n9PjL6',
						}]
					}
				],

				goingOutLine1: [{
					icon: 'https://qiming-1308147483.cos.ap-chengdu.myqcloud.com/doc%2Fpinzhi_shenghuo_huiyuan_quanyi%2Fcommon%2Fgoing-out1-icon.png',
					url: 'https://m.ly.com/tiflightnfe/?refid=1918916298',
					name: '飞机票'
				}, {
					icon: 'https://qiming-1308147483.cos.ap-chengdu.myqcloud.com/doc%2Fpinzhi_shenghuo_huiyuan_quanyi%2Fcommon%2Fgoing-out2-icon.png',
					url: 'https://m.ly.com/universal/touch/?refid=1918916298#/index',
					name: '火车票'
				}, {
					icon: 'https://qiming-1308147483.cos.ap-chengdu.myqcloud.com/doc%2Fpinzhi_shenghuo_huiyuan_quanyi%2Fcommon%2Fgoing-out3-icon.png',
					url: 'https://m.ly.com/buscooperators/?refid=1918916298#/',
					name: '汽车票'
				}],

				goingOutLine2: [{
					icon: 'https://qiming-1308147483.cos.ap-chengdu.myqcloud.com/doc%2Fpinzhi_shenghuo_huiyuan_quanyi%2Fcommon%2Fgoing-out4-icon.png',

					url: 'https://mp.elong.com/tenthousandaura/?activitycode=4fd8b6b9-f8ea-449b-a10e-8161047560e1&of=2618340#/backpage',
					name: '同程酒店'
				}, {
					icon: 'https://qiming-1308147483.cos.ap-chengdu.myqcloud.com/doc%2Fpinzhi_shenghuo_huiyuan_quanyi%2Fcommon%2Fgoing-out5-icon.png',

					url: 'https://mp.elong.com/tenthousandaura/?activitycode=4fd8b6b9-f8ea-449b-a10e-8161047560e1&of=2618340#/backpage',
					name: '同程打车'
				}, {
					icon: 'https://qiming-1308147483.cos.ap-chengdu.myqcloud.com/doc%2Fpinzhi_shenghuo_huiyuan_quanyi%2Fcommon%2Fgoing-out6-icon.png',
					url: 'https://qf.jfshou.cn/unions//link/qGa5nyrKyQigAOY31Fin9kMzhMgngR',
					name: '美团酒店'
				}],

				goingOutTian: [{
					icon: 'https://qiming-1308147483.cos.ap-chengdu.myqcloud.com/doc%2Fpinzhi_shenghuo_huiyuan_quanyi%2Fcommon%2Fgoing-out7-icon.png',
					url: 'https://page.udache.com/ut-webx/ut-league/wyc.html?xid=159942&dsi=d9425dbcead17636c217c17385feeef3767j3ozn&entrance_channel=7448380546&webx_cluster_id=895&dchn=0jngj85&xpsid=bce3103cf4b84ccf9dbe66146aaee9a5&xpsid_from=&xpsid_root=bce3103cf4b84ccf9dbe66146aaee9a5&f_xpsid=bce3103cf4b84ccf9dbe66146aaee9a5&root_xpsid=bce3103cf4b84ccf9dbe66146aaee9a5&xspm_from=&xenv=h5&prod_key=ut-dunion&xbiz=240101&channel_id=7448380546&source_id=OPEN_CPS_PLATFORM%2C6133#/index',
					name: '滴滴出行'
				}, {
					icon: 'https://qiming-1308147483.cos.ap-chengdu.myqcloud.com/doc%2Fpinzhi_shenghuo_huiyuan_quanyi%2Fcommon%2Fgoing-out8-icon.png',
					url: 'https://web.didachuxing.com/web-coupontemplate/?goodCid=a364ce58ff084c54a79f00a1c00e0fb3&PID=dida_5093_11_31',
					name: '嘀嗒出行'
				}, {
					icon: 'https://qiming-1308147483.cos.ap-chengdu.myqcloud.com/doc%2Fpinzhi_shenghuo_huiyuan_quanyi%2Fcommon%2Fgoing-out9-icon.png',
					url: 'https://web.didachuxing.com/web-coupontemplate/?goodCid=a364ce58ff084c54a79f00a1c00e0fb3&PID=dida_5093_11_31',
					name: '花小猪打车'
				}, {
					icon: 'https://qiming-1308147483.cos.ap-chengdu.myqcloud.com/doc%2Fpinzhi_shenghuo_huiyuan_quanyi%2Fcommon%2Fgoing-out10-icon.png',
					url: 'https://m.tb.cn/h.U3pEHEF',
					name: '高德打车'
				}],

				otherBannerList: [{
					url: 'https://10086.sx2b2c.com/#/?a=0ca7093517d96f77c8eeb34211ccf6eb',
					icon: 'https://qiming-1308147483.cos.ap-chengdu.myqcloud.com/doc%2Fpinzhi_shenghuo_huiyuan_quanyi%2Fcommon%2Fbanner1.png'
				}, {
					url: 'https://broadband.91bak.com/7777/qiben',
					icon: 'https://qiming-1308147483.cos.ap-chengdu.myqcloud.com/doc%2Fpinzhi_shenghuo_huiyuan_quanyi%2Fcommon%2Fbanner2.png'
				}, {
					url: 'https://a.app.qq.com/o/simple.jsp?pkgname=com.shengxinsx.app',
					icon: 'https://qiming-1308147483.cos.ap-chengdu.myqcloud.com/doc%2Fpinzhi_shenghuo_huiyuan_quanyi%2Fcommon%2Fbanner3.png'
				}],
				// 是否有领取
				isReceive: false,
				isShowTipBox: false,
				tipBoxData: {
					title: '',
					subTitle: '',
					icon: '',
					value: '',
					btnText: '',
					goodsId: '',
				},
				userInfo: {},
				isShowReceiveRecord: false, // 领取记录
				isShowLogin: false,
			}
		},
		computed: {
			isReceiveCount() {
				if (!this.userInfo.id) {
					return 1;
				}
				if ((!this.isReceive && !this.userInfo.hasTime) || this.userInfo.hasTime) {
					return 1;
				}
				return 0;
			}
		},
		onLoad(option) {

			if (option.a) {
				httpUtil.setA(option.a)
			}
			// #ifdef H5
			if (deviceUtil.isWeChatBrowser()) {

				if (!userApi.getToken() && option.code) {
					userApi.wxH5LoginByCode(option.code, res => {
						this.initData()
					})
				} else if (!userApi.getToken() && !option.code) {
					userApi.gotoH5WxPlatformLoginUrl()
				}
			}
			console.log(uni.getStorageSync('tel'))



			// #endif

		},
		onShow() {
			this.initData()


		},
		onPullDownRefresh() {
			this.initData()
			setTimeout(function() {
				uni.stopPullDownRefresh();
			}, 1000);
		},
		methods: {
			initData() {
				let sessionUserInfo = userApi.getUserInfo()
				if (sessionUserInfo) {
					this.userInfo = sessionUserInfo

				}
				let token = userApi.getToken()
				if (token) {
					this.refreshUserInfo()
					this.refreshIsReceive()
				}
				this.initProductList()
			},
			initProductList() {
				// this.vipList = productApi.canReceiveVipList()
				productApi.initReceiveVipList(dataList => {
					this.vipList = dataList
				})
			},
			loginOut() {
				console.log('退出账号成功')

				userApi.loginOut()
				this.userInfo = null
				uni.clearStorageSync('tel');
			},
			// 用户是否有领取
			refreshIsReceive() {

				userApi.receiveRecordList(res => {
					if (res.data.length > 0) {
						this.isReceive = true;
					} else {
						this.isReceive = false;
					}
				})
			},

			showLoginBox() {
				if (!this.userInfo || !this.userInfo.id) {
					this.isShowLogin = true
				}
			},

			showReceiveRecord() {
				if (!this.userInfo || !this.userInfo.id) {
					uni.showToast({
						icon: 'error',
						title: '请先登录'
					})
					return;
				}
				this.isShowReceiveRecord = true
			},
			closeReceiveRecord() {
				this.isShowReceiveRecord = false
			},

			loginSuccess() {
				this.initData()
				this.isShowLogin = false
			},
			tel() {

			},
			cancelLogin() {
				this.isShowLogin = false
			},

			gotoOpenVip() {
				let url = 'https://h5.sx2b2c.com/sxhjk/#/?a=54e94fa6b30b0ca777d0e65f70805e01'
				// #ifdef MP
				url = encodeURIComponent(url)
				uni.navigateTo({
					url: '/pages/web/web?url=' + url
				})
				// #endif

				// #ifdef H5
				window.open(url, "_blank")
				// #endif
			},

			gotoWeb(url) {
				// #ifdef MP
				url = encodeURIComponent(url)
				uni.navigateTo({
					url: '/pages/web/web?url=' + url
				})
				// #endif
				// #ifdef H5
				window.open(url, "_blank")
				// #endif
			},

			receive(item) {
				// if (!this.userInfo || !this.userInfo.id) {
				// 	uni.showToast({
				// 		icon: 'error',
				// 		title: '请先登录'
				// 	})
				// 	return;
				// }
				// if (!this.userInfo || !this.userInfo.hasTime) {
				// 	uni.showToast({
				// 		icon: 'error',
				// 		title: '您已领取'
				// 	})
				// 	return;
				// }
				// this.showTipBox('领取会员', '恭喜您获得' + item.type + '月卡会员', item.tipIcon, '确认领取', {
				// 	type: 0,
				// 	value: item.type,
				// 	img: item.receiveIcon
				// })

				if (!this.userInfo || !this.userInfo.id) {
					messageUtil.showFail('请先登录')
					return;
				}

				uni.navigateTo({
					url: "/pages/coupon/coupon"
				})
			},


			showTipBox(title, subTitle, icon, btnText, value, goodsId) {
				this.tipBoxData.title = title
				this.tipBoxData.subTitle = subTitle
				this.tipBoxData.icon = icon
				this.tipBoxData.value = value
				this.tipBoxData.btnText = btnText
				this.tipBoxData.goodsId = goodsId
				this.isShowTipBox = true;
			},


			refreshUserInfo() {
				userApi.initUserInfo(res => {
					this.userInfo = res.data.user
				})
			},

			tipBoxSuccess(value) {
				console.log(value)
				switch (value.type) {
					case 0: // 领取
						userApi.receive(value.value, value.img, () => {
							uni.showToast({
								icon: 'success',
								title: '领取成功'
							})
							this.isShowTipBox = false
							this.refreshUserInfo()
							this.refreshIsReceive()
						})

						break;
					case 1: // 盲盒领取南瓜电影
						this.isShowTipBox = false;
						break;
					default:

						break;
				}
			},

			tipBoxClose() {
				this.isShowTipBox = false;
			},

			gotoUse(item) {
				console.log('gotoUse', item)
				this.isShowReceiveRecord = false
				// 盲盒
				if (item.id == -1) {
					this.showTipBox('抽中啦！', '恭喜您抽中南瓜电影会员7天',
						'https://qiming-1308147483.cos.ap-chengdu.myqcloud.com/doc%2Fpinzhi_shenghuo_huiyuan_quanyi%2Findex%2Fconfirm-icon%2Fconfirm-ng2-icon.png',
						'去使用', {
							type: 1
						})
					return;
				}
			},
			navigationHandler(item) {
				switch (item.index) {
					case 4: // 我的卡卷
						if (!this.userInfo || !this.userInfo.id) {
							messageUtil.showFail('请先登录')
							return;
						}
						uni.navigateTo({
							url: "/pages/coupon/coupon"
						})
						break;
				}
			}
		}
	}
</script>

<style lang="scss" scoped>
	::v-deep .uni-swiper-dot-active {
		background-color: #ffdda5 !important;
	}

	.main-box {
		background: #202125;
		min-height: 100vh;
		padding-bottom: 30rpx;
	}

	.bg-image {
		width: 100vw;
	}

	.user-head-box {
		position: absolute;
		width: 90%;
		left: 5%;
		top: 5vw;
		display: flex;

		align-items: center;

		.user-head-img-box {
			.user-head-img {
				width: auto;
				height: 100rpx;
			}
		}

		.user-head-box-right {
			display: flex;
			margin-left: 20rpx;
			flex-direction: column;
			width: 100%;
			justify-content: space-between;
			height: 100rpx;

			.login-box {
				color: #f9d8b5;
				font-size: 30rpx;
				letter-spacing: 2rpx;
			}

			.btn-group-box {
				display: flex;
				justify-content: space-between;
				align-items: center;

				.btn-group-box-left {
					.btn {
						height: 38rpx;
						margin-right: 15rpx;
					}
				}

				.btn-group-box-right {
					.btn {
						height: 85rpx;
					}
				}

			}
		}
	}

	.common-box {
		width: 96%;
		border-radius: 20rpx;
		box-sizing: border-box;
		padding: 20rpx;
		margin: 20rpx auto;

		.common-title {
			font-family: SourceHanSansSC-Medium;
			font-size: 45rpx;
			font-weight: 600;
			color: #f9dba9;

			.sub-title {
				font-size: 30rpx;
				color: #d68e69;
				margin-left: 20rpx;
			}
		}

		.common-sub-title {
			font-size: 30rpx;
			color: #d68e69;
			margin-top: 10rpx;
		}
	}

	.hot-box {
		position: absolute;
		left: 2%;
		top: 100vw;

		.hot-swiper-box {
			margin-top: 20rpx;

			.hot-swiper {
				min-height: 570rpx;

				::v-deep .uni-swiper-dot-active {
					background-color: #fda24e !important;
				}

				.item {
					background-image: linear-gradient(2deg,
							#de9b5a 0%,
							#ffe9ba 94%),
						linear-gradient(#ebe3d2,
							#ebe3d2);
					border-radius: 20rpx;
					position: relative;
					width: 95%;
					margin-bottom: 10rpx;

					&:last-child {
						margin-bottom: 0;
					}

					.img {
						max-width: 100%;
						height: auto;
						display: block;
					}

					.btn {
						width: 120rpx;
						height: 40rpx;
						line-height: 40rpx;
						border-radius: 20rpx;
						background: #a30004;
						color: #fed398;
						text-align: center;
						position: absolute;
						bottom: 15rpx;
						left: 50%;
						transform: translateX(-50%);
						font-size: 25rpx;
					}
				}
			}
		}
	}
</style>